let $mainNav = $("#mainNav");
let $body = $("body");
let $scroll_to_top = $("#scroll-to-top");
// 平湖过渡
$('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function () {
    if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) {
        let target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
        if (target.length) {
            $('html, body').animate({
                scrollTop: (target.offset().top - 54)
            }, 1000, "easeInOutExpo");
            return false;
        }
    }
});
// 页面顶部时，导航栏背景透明
let toggle_flag = true;
$('.navbar-toggler').click(function () {
    let all_class = $mainNav.attr('class');
    if (all_class.indexOf('navbar-shrink') === -1) {
        $mainNav.addClass('navbar-shrink');
    } else {
        if ($mainNav.offset().top <= 10) {
            $mainNav.removeClass("navbar-shrink");
        }
    }
    toggle_flag = false;
});
// 移动端点击空白处，隐藏菜单
$body.click(function () {
    $('.navbar-collapse').collapse('hide');
    if (toggle_flag) {  // 阻止事件冒泡
        if ($mainNav.offset().top <= 10) {
            $mainNav.removeClass("navbar-shrink");
        }
    }
    toggle_flag = true;
});
// 移动端点击菜单后，隐藏菜单
$('.js-scroll-trigger').click(function () {
    $('.navbar-collapse').collapse('hide');
});
// 导航栏自动隐藏
let previousTop = 0;
$(window).scroll(function () {
    let currentTop = $(window).scrollTop();
    if (currentTop - previousTop < -10) {
        // 下划
        $mainNav.removeClass("show-none");
        $scroll_to_top.addClass('show');
        previousTop = currentTop;
    } else if (currentTop - previousTop > 10) {
        // 上划
        $mainNav.addClass("show-none");
        $scroll_to_top.removeClass('show');
        $('.navbar-collapse').collapse('hide');
        previousTop = currentTop;
    }
    if (currentTop < 60) {
        // 首页常显示
        $mainNav.removeClass("show-none");
        $scroll_to_top.removeClass('show');
    }
});
// 非顶部刷新时，设置导航栏不透明
let navbarCollapse = function () {
    if ($mainNav.offset().top > 10) {
        $mainNav.addClass("navbar-shrink");
    } else {
        $mainNav.removeClass("navbar-shrink");
    }
};
navbarCollapse();
$(window).scroll(navbarCollapse);
// 底部滚动
if ($scroll_to_top.length) {
    $scroll_to_top.on('click', function (e) {
        e.preventDefault();
        $('html,body').animate({
            scrollTop: 0
        }, 700);
    });
}
// 主题切换
let set_light = function () {
    $('.body_dark').removeClass('body_dark');
    $('#logo').attr('src', 'logo/logo.png');
};
let set_dark = function () {
    $('#logo').attr('src', 'logo/logo-dark.png');
    $('body').addClass('body_dark');
    $('.section-title h3').addClass('body_dark');//123432343234232
    $('#home').addClass('body_dark');
    $('#mainNav').addClass('body_dark');
    $('#switch_dark').addClass('body_dark');
    $('.navbar-toggler').addClass('body_dark');
    $('#notes').addClass('body_dark');
    $('#notes button').addClass('body_dark');
    $('#notes .services-inner-box').addClass('body_dark');
    $('.blog').addClass('body_dark');
    $('#hot').addClass('body_dark');
    $('#hot button').addClass('body_dark');
    $('#hot .services-inner-box').addClass('body_dark');
    $('#api').addClass('body_dark');
    $('#api button').addClass('body_dark');
    $('#api .services-inner-box').addClass('body_dark');
    $('#demo').addClass('body_dark');
    $('#demo button').addClass('body_dark');
    $('#demo .demo-single').addClass('body_dark');
    $('#opus').addClass('body_dark');
    $('#opus button').addClass('body_dark');
    $('#opus .opus-single').addClass('body_dark');
    $('#about').addClass('body_dark');
    $('#git').addClass('body_dark');
    $('#git .post-box').addClass('body_dark');
    $('#contact').addClass('body_dark');
    $('#contact .contact_form').addClass('body_dark');
    $('.copyrights').addClass('body_dark');
};
$('.toggle').click(function (e) {
    let toggle = this;
    $(toggle).toggleClass('toggle--on')
        .toggleClass('toggle--off')
        .addClass('toggle--moving');
    setTimeout(function () {
        $(toggle).removeClass('toggle--moving');
    }, 200)
    let is_dark = $('body').hasClass('body_dark');
    setTimeout(function () {
        if (!is_dark) {
            set_dark();
            // is_dark = true;
        } else {
            set_light();
            // is_dark = false;
        }
    }, 100)
    $.ajax({
        url: '/toggle_dark/',
        type: 'post',
        data: {
            'csrfmiddlewaretoken': $('[name="csrfmiddlewaretoken"]').val(),
            'is_dark': is_dark,
        },
        success: function (data) {
        }
    })
});
// 控制台
console.log(`
GitHub: https://github.com/xiangjianan

Email: xiang9872@gmail.com

Page: www.helloxjn.com

`);
